﻿<div id="carousel-generic" class="carousel slide">
  <!-- Indicators -->
  <ol class="carousel-indicators">
    <li data-target="#carousel-generic" data-slide-to="0" class="active"></li>
    <li data-target="#carousel-generic" data-slide-to="1"></li>
    <li data-target="#carousel-generic" data-slide-to="2"></li>
  </ol>

  <!-- Wrapper for slides -->
  <div class="carousel-inner">
    <div class="item active">
      <img src="/content/images/portal/home/carousel/1.jpg" alt="...">
    </div>
    <div class="item">
      <img src="/content/images/portal/home/carousel/2.jpg" alt="...">
    </div>
    <div class="item">
      <img src="/content/images/portal/home/carousel/3.jpg" alt="...">
    </div>
  </div>

  <!-- Controls -->
  <a class="left carousel-control" href="#carousel-generic" data-slide="prev">&lsaquo;</a>
  <a class="right carousel-control" href="#carousel-generic" data-slide="next">&rsaquo;</a>
</div>
<script>
    $('#carousel-generic').carousel()
</script>